// 创建用户相关的小仓库
import { defineStore } from 'pinia'
// 引入接口
import { reqLogin, reqUserInfo, reqLogout } from '@/api/user'
// 引入数据类型
import type {
  loginFormData,
  loginResponseData,
  userInfoResponseData,
} from '@/api/user/type'
import type { UserState } from './types/type'
// 引入操作本地存储的工具方法
import { SET_TOKEN, GET_TOKEN, REMOVE_TOKEN } from '@/utils/token'

// 引入常量路由
import { constantRoute, asyncRoute, anyRoute } from '@/router/routes'

// 引入深拷贝的方法
// 是js文件，没有暴露 ts的类型，忽略 ts 的校验
//@ts-ignore
import cloneDeep from 'lodash/cloneDeep'

import router from '@/router/index'

// 用于过滤当前用户需要展示的异步路由
function filterAsyncRoute(asyncRoute: any, routes: any) {
  return asyncRoute.filter((item: any) => {
    if (routes.includes(item.name)) {
      if (item.children && item.children.length > 0) {
        // 递归遍历子路由
        item.children = filterAsyncRoute(item.children, routes)
      }
      return true
    }
  })
}

// 创建用户小仓库
const useUserStore = defineStore('User', {
  // 选择式API   // 使用组合式API也行
  // 小仓库存储数据的地方
  state: (): UserState => {
    return {
      //  token: localStorage.getItem('TOKEN'), // 用户唯一标识token
      token: GET_TOKEN(),
      menuRoutes: constantRoute, // 仓库存储生成菜单需要的数组
      username: '',
      avatar: '',
    }
  },
  // 异步|逻辑的地方
  actions: {
    // 用户登录的方法
    async userLogin(data: loginFormData) {
      // console.log('1231111', data)
      const result: loginResponseData = await reqLogin(data)
      // console.log('1231111', result)
      // 登录成功：获取请求token
      if (result.code == 200) {
        // pinia仓库存储token
        this.token = result.data as string
        // 本地存储数据 的持久化
        // localStorage.setItem('TOKEN', (result.data.token as string))
        SET_TOKEN(result.data as string)
        // 能保证当前的 async 函数返回一个成功的 Promise
        return 'ok'
      } else {
        // 登录失败：提示失败信息
        return Promise.reject(new Error(result.data || result.message))
      }
    },

    // 获取用户信息的方法
    async userInfo() {
      // console.log(1231111)
      // 获取用户的信息进行存储仓库当中【头像 | 名字】
      const res: userInfoResponseData = await reqUserInfo()
      console.log('获取用户信息', res)
      if (res.code == 200) {
        this.username = res.data.name
        this.avatar = res.data.avatar
        // 计算当前用户需要展示的异步路由
        const userAsyncRoute = filterAsyncRoute(
          cloneDeep(asyncRoute),
          res.data.routes,
        )
        // 菜单的数据 整理完毕（异步路由还未注册）
        this.menuRoutes = [...constantRoute, ...userAsyncRoute, ...anyRoute]
        console.log('this.menuRoutes', this.menuRoutes)
        // 目前路由器管理的只有常量路由：用户计算完毕后，异步路由、任意路由要进行动态追加
        ;[...userAsyncRoute, ...anyRoute].forEach((route: any) => {
          console.log('路由追加', route)
          router.addRoute(route)
        })
        console.log(router.getRoutes())

        return 'ok'
      } else {
        // 获取用户信息失败， 返回一个失败的Promise 对象
        return Promise.reject(new Error(res.message))
      }
    },
    // 退出登录的方法
    async userLogout() {
      const res: any = await reqLogout()
      console.log('res', res)
      if (res.code == 200) {
        // 清空数据
        this.token = ''
        this.username = ''
        this.avatar = ''
        // 清空本地存储的TOKEN
        REMOVE_TOKEN()
        return 'ok'
      } else {
        return Promise.reject(new Error(res.message))
      }
    },
  },
  // 计算属性
  getters: {},
})

export default useUserStore
